<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link type="text/css" rel="stylesheet" href="<c:url value='/bootstrap/css/bootstrap-ko.css'/>" />
<link type="text/css" rel="stylesheet" href="<c:url value='/css/custom.css'/>" />
<link type="text/css" rel="stylesheet" href="<c:url value='/css/nav.css'/>" />
<link type="text/css" rel="stylesheet" href="<c:url value='/css/headerMenu.css'/>" />
<link type="text/css" rel="stylesheet" href="<c:url value='/css/font.css'/>" />
<title>Insert title here</title>
</head>
<body>

	<!-- 헤더부분 -->
	<%@include file="header.jsp" %>
	
	<!-- 바디부분 -->
	<div class="bodyClass">
	
		 <div class="container" id="containerCustom">
		 	<div class="bodyContainerHeader">
			 	<div style="width:547px; height:40px;margin-top: 25px; margin-left: 26px;">
			 	<input type="text" style="padding: 8px; width:328px "placeholder="Search">
			 	<img src="<c:url value='/images/main_search.png'/>" style="margin-left: -36px;"/>
			 	<img src="<c:url value='/images/main_newest_nohit.png'/>" style="margin-left: 19px;"/>
			 	<img src="<c:url value='/images/main_popularity_hit.png'/>"/>
			 	</div>
				<div id="writingView">
					<input type="text" placeholder="제목을 알려주세요." style="	border:0; padding:8px;	width:435px;  display: block; float: left;" >
					 <!-- <input type="button" value="Category" class="btn btn-sm btn-primary" id="writingButton"/> -->
					<span id="writingButton" style="display: block; float: left; width:92px; height:40px;text-align:center; line-height: 40px;">Category</span>
					<div class="writingCategory">
						<span>기쁨</span>
						<span>슬픔</span>
						<span>즐거움</span>
						<span>놀람</span>
						<span>화남</span>
					</div>
					<textarea rows="8" cols="3" placeholder="내용을 알려주세요" class="writingContent"  ></textarea>
					<div style="width:548px; height:32px;">
						<input type="text" style="width:538px; border: 0; padding:5px;" placeholder="태그를 입력해 주세요."/>
					</div>
					<div class="photoUpdateView">
						<span class="photoUpdateContent">사진을 올려주세요.</span>
					</div>
					<div class="writingButton">
						<input type="button" id="writingCancel" style="margin-top:10px;" class="btn btn-small btn-default"  value="취소"/>
						<input type="button" id="writingUpdate" style="margin-top:10px; background: #3dc694; color: white" class="btn btn-small"  value="올리기"/>
					</div>
					
				</div>
				
				<div id="searchView" style="display:none;">
					<div style="width:100%; height:31px;">
						<input type="text" style="padding:5px; width:410px; border:0; margin-left:2px;" placeholder="검색어를 입력해 주세요." >
						<input type="button" class="btn btn-lg btn-danger" value="검색"  style="margin-top:2px;"/>
						<input type="button" class="btn btn-lg btn-info" value="취소" id="searchCancel"/>
					</div>
					<div style="width:100%; height:31px; text-align:center; line-height:31px; margin-top:5px; margin-bottom:10px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;">
						Category
					</div>
					
					<div class="searchCategorySelectItem" id="item1">
					기쁨
					</div>
					
					<div class="searchCategorySelectItem" id="item2">
					슬픔
					</div>
					
					<div class="searchCategorySelectItem" id="item3">
					즐거움
					</div>
					
					<div class="searchCategorySelectItem" id="item4">
					남성
					</div>
				
				</div>
				
				 <!--<nav id="topNav">
					 <ul>
					 	 <li><a href="javascript:void(0)" id="search">검색</a></li>
					 	<li><a href="javascript:void(0)" style=" margin-left:20px;" id="writingUpload">글올리기</a></li>
					 </ul>
				 </nav>  -->
			</div>
			<!-- <div style="background: #6799FF; height:250px; width:547px;	margin: 0 auto; margin-top:15px; ">
				
			</div> -->
		 	<div class="bodyContainerBody">
		 		<!-- 
			 		width:547px;
					height:410px;
		 		 -->
				<div style="background: #FFFFFF; padding:10px;">
				
					<!-- 작성자 시간 -->
					<div style="width:100%; height:auto; min-height:90px;">
						<div style="float: left; height:100%; width:100px;text-align:center;">
							<img src="<c:url value='/images/testImg/2.jpg'/>" id="headerSetting" style=" width:80px; height:80px;  border-radius:50px; margin-top: 5px;"/>
							<%-- <img src="<c:url value='/images/testImg/2.jpg'/>" id="headerSetting" style=""/> --%>
							

						</div>
						<div style="float: left; height:100%; width:386px">
							<div style="width: 100%; height:50px; line-height: 50px;">
								<span style="font-size: 17px; font-weight: bold">초선</span>
								<span style="font-size: 12px;">41분전</span>
							</div>
							<div style="width: 100%; min-height:40px; height:auto;">
								<span style="font-size: 15px; padding:5px;">안녕하세요. 초선입니다.</span>
							</div>
						</div>
					</div>
					
					<!-- 제목,내용 -->
					<div style="width:100%; min-height:250px; max-height:550px; height:auto; background: white; margin-top:10px; margin-bottom: 10px;">
						<img src="<c:url value='/images/testImg/tBackground.jpg'/>">
					</div>
					
					<!-- 좋아요,싫어요.. -->
					<div style="width:100%; height:40px; background: white">
							<div style="float: left; width:auto; min-width: 62px; height:27px; border: 1px solid #d5d5d5; cursor: pointer; margin-top:6px ">
								<img src="<c:url value='/images/good.png'/>" style="margin-left: 13px; margin-top:7px; display:block; float: left"/>
								<span style=" margin-top:4px; margin-left:13px; display:block; float: left; margin-right:13px;">1000000</span>
							</div>
							
							<div style="float: left; width:auto; min-width: 62px; height:27px; margin-left:5px; border: 1px solid #d5d5d5; cursor: pointer; margin-top:6px ">
								<img src="<c:url value='/images/bad.png'/>" style="margin-left: 13px; margin-top:7px; display:block; float: left"/>
								<span style=" margin-top:4px; margin-left:13px; display:block; float: left; margin-right:13px;">10000000</span>
							</div>
							
							<div style="float: left; width: 67px; height:27px; margin-left:5px; border: 1px solid #d5d5d5; cursor: pointer; margin-top:6px ">
								<img src="<c:url value='/images/public.png'/>" style="margin-left: 6px; margin-top:7px; display:block; float: left"/>
								<span style="margin-top: 3px; margin-left: 5px; display: block; float: left;">공유</span>
							</div>
							
							<div style="float: left; width: 70px; height:27px; margin-left:5px; border: 1px solid #d5d5d5; cursor: pointer; margin-top:6px ">
								<img src="<c:url value='/images/tag.png'/>" style="margin-left: 6px; margin-top:7px; display:block; float: left"/>
								<span style="margin-top: 3px; margin-left: 5px; display: block; float: left;">태그</span>
							</div>
					
						<!-- <button class="btn btn-small btn-info">좋아요! (10)</button>
						<button class="btn btn-small btn-danger">싫어요ㅠㅠ (1)</button>
						<button class="btn btn-small btn-default">공유</button>
						<button class="btn btn-small btn-default">태그</button> -->
					</div>
					
					<!-- 댓글 -->
					<div style="width:100%;  height:auto;min-height:45px; background: white;">
						<ul style="list-style: none;">
						<!-- 댓글이 있을경우! 삭제하면안됨 -->
							 <li style="position: relative; margin-top: 10px;">
									<!-- <div style="position:absolute; width:36px; height:36px; background: green; margin: 0 auto; margin-top:4px;">
									</div> -->
									<img src="<c:url value='/images/testImg/tReplyComent1.jpg'/>" style="width:45px; height:45px; display:block;position:absolute;margin: 0 auto;"/>
									<div style="padding: 0 0 0 60px;">
										<a href="infoView.do"><span style="font-size: 17px;"><strong>장비</strong></span></a> 
										<span style="font-size: 12px;">41분전</span><br>
										<span style="font-size: 15px;">테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br></span>
									</div>
									<!-- <div style="margin-top:6px;">
									<textarea rows="1" cols="1" placeholder="댓글을 입력하세요...." style="width: 420px; resize:none;"></textarea>
										<img src="<c:url value='/images/main_search_button.png'/>" style="margin-left:2px; width:57px; cursor:pointer;"/>
									</div> -->
							</li> 
						<!-- 댓글이 없을 경우 -->
						<!-- <li style="position: relative; margin-top: 10px;">
						<input type="text" style="width: 450px; margin-top:6px;" placeholder="댓글을 입력하세요....">
									<button class="btn btn-small btn-primary" style="margin-top:6px;">전송</button>
						</li> -->
							
						</ul>
					</div>
					
					<div style="width:100%;  height:auto;min-height:45px; background: white;">
						<ul style="list-style: none;">
						<!-- 댓글이 있을경우! 삭제하면안됨 -->
							 <li style="position: relative; margin-top: 10px;">
									<!-- <div style="position:absolute; width:36px; height:36px; background: green; margin: 0 auto; margin-top:4px;">
									</div> -->
									<img src="<c:url value='/images/testImg/tReplyComent2.jpg'/>" style="width:45px; height:45px; display:block;position:absolute;margin: 0 auto;"/>
									<div style="padding: 0 0 0 60px;">
										<a href="infoView.do"><span style="font-size: 17px;"><strong>관우</strong></span></a> 
										<span style="font-size: 12px;">39분전</span><br>
										<span style="font-size: 15px;">테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br></span>
									</div>
							</li> 
						<!-- 댓글이 없을 경우 -->
						<!-- <li style="position: relative; margin-top: 10px;">
						<input type="text" style="width: 450px; margin-top:6px;" placeholder="댓글을 입력하세요....">
									<button class="btn btn-small btn-primary" style="margin-top:6px;">전송</button>
						</li> -->
							
						</ul>
						<div style="margin-top:6px;">
							<textarea rows="1" cols="1" placeholder="댓글을 입력하세요...." style="width: 420px; resize:none;"></textarea>
							<!-- <input type="text" style="width: 420px;" placeholder="댓글을 입력하세요...."> -->
							<img src="<c:url value='/images/main_search_button.png'/>" style="margin-left:2px; width:57px; cursor:pointer;"/>
						</div>
					</div>
					

				</div>
				
			 </div>
			 
			 <div class="bodyContainerBody">
		 		<!-- 
			 		width:547px;
					height:410px;
		 		 -->
				<div style="background: #FFFFFF; padding:10px;">
				
					<!-- 작성자 시간 -->
					<div style="width:100%; height:auto; min-height:90px;">
						<div style="float: left; height:100%; width:100px;text-align:center;">
							<img src="<c:url value='/images/testImg/2.jpg'/>" id="headerSetting" style=" width:80px; height:80px;  border-radius:50px; margin-top: 5px;"/>
						</div>
						<div style="float: left; height:100%; width:386px">
							<div style="width: 100%; height:50px; line-height: 50px;">
								<span style="font-size: 17px; font-weight: bold">초선</span>
								<span style="font-size: 12px;">41분전</span>
							</div>
							<div style="width: 100%; min-height:40px; height:auto;">
								<span style="font-size: 15px; padding:5px;">안녕하세요. 초선입니다.</span>
							</div>
						</div>
					</div>
					
					<!-- 제목,내용 -->
					<div style="width:100%; min-height:250px; max-height:550px; height:auto; background: white; margin-top:10px; margin-bottom: 10px;">
						<img src="<c:url value='/images/testImg/tBackground.jpg'/>">
					</div>
					
					<!-- 좋아요,싫어요.. -->
					<div style="width:100%; height:40px; background: white">
							<div style="float: left; width: 62px; height:27px; border: 1px solid #d5d5d5; cursor: pointer; margin-top:6px ">
								<img src="<c:url value='/images/good.png'/>" style="margin-left: 13px; margin-top:7px; display:block; float: left"/>
								<span style=" margin-top:4px; margin-left:13px; display:block; float: left">0</span>
							</div>
							
							<div style="float: left; width: 62px; height:27px; margin-left:5px; border: 1px solid #d5d5d5; cursor: pointer; margin-top:6px ">
								<img src="<c:url value='/images/bad.png'/>" style="margin-left: 13px; margin-top:7px; display:block; float: left"/>
								<span style=" margin-top:4px; margin-left:13px; display:block; float: left">0</span>
							</div>
							
							<div style="float: left; width: 67px; height:27px; margin-left:5px; border: 1px solid #d5d5d5; cursor: pointer; margin-top:6px ">
								<img src="<c:url value='/images/public.png'/>" style="margin-left: 6px; margin-top:7px; display:block; float: left"/>
								<span style="margin-top: 3px; margin-left: 5px; display: block; float: left;">공유</span>
							</div>
							
							<div style="float: left; width: 70px; height:27px; margin-left:5px; border: 1px solid #d5d5d5; cursor: pointer; margin-top:6px ">
								<img src="<c:url value='/images/tag.png'/>" style="margin-left: 6px; margin-top:7px; display:block; float: left"/>
								<span style="margin-top: 3px; margin-left: 5px; display: block; float: left;">태그</span>
							</div>
					
						<!-- <button class="btn btn-small btn-info">좋아요! (10)</button>
						<button class="btn btn-small btn-danger">싫어요ㅠㅠ (1)</button>
						<button class="btn btn-small btn-default">공유</button>
						<button class="btn btn-small btn-default">태그</button> -->
					</div>
					
					<!-- 댓글 -->
					<div style="width:100%;  height:auto;min-height:45px; background: white;">
						<ul style="list-style: none;">
						<!-- 댓글이 있을경우! 삭제하면안됨 -->
							 <li style="position: relative; margin-top: 10px;">
									<!-- <div style="position:absolute; width:36px; height:36px; background: green; margin: 0 auto; margin-top:4px;">
									</div> -->
									<img src="<c:url value='/images/testImg/tReplyComent1.jpg'/>" style="width:45px; height:45px; display:block;position:absolute;margin: 0 auto;"/>
									<div style="padding: 0 0 0 60px;">
										<a href="infoView.do"><span style="font-size: 17px;"><strong>장비</strong></span></a> 
										<span style="font-size: 12px;">41분전</span><br>
										<span style="font-size: 15px;">테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br>테스트 내용입니다.<br></span>
									</div>
									<div style="margin-top:6px;">
									<textarea rows="1" cols="1" placeholder="댓글을 입력하세요...." style="width: 420px; resize:none;"></textarea>
										<!-- <input type="text" style="width: 420px;" placeholder="댓글을 입력하세요...."> -->
										<img src="<c:url value='/images/main_search_button.png'/>" style="margin-left:2px; width:57px; cursor:pointer;"/>
									</div>
							</li> 
						<!-- 댓글이 없을 경우 -->
						<!-- <li style="position: relative; margin-top: 10px;">
						<input type="text" style="width: 450px; margin-top:6px;" placeholder="댓글을 입력하세요....">
									<button class="btn btn-small btn-primary" style="margin-top:6px;">전송</button>
						</li> -->
							
						</ul>
						
					</div>
					

				</div>
				
			 </div>
			 
			 	<div style="width:100%; height:25px; background: #ebebeb; line-height: 50px; text-align: center; ">
				</div>
		 	</div>
	 </div>
	
	<form id="f" style="display: none">
		<input type="file" id="photoFile">
		<input type="checkbox" id="citem1"/>
		<input type="checkbox" id="citem2"/>
		<input type="checkbox" id="citem3"/>
		<input type="checkbox" id="citem4"/>
	</form>
	<!-- 푸터부분 -->
	<%@include file="footer.jsp" %>
	<script src="<c:url value='/js/function.js'/>"></script>
	<script src="<c:url value='/bootstrap/js/transition.js'/>"></script>
<!-- 	<script src="http://bootstrapk.com/BS3/dist/js/bootstrap.js"></script>
	<script src="http://bootstrapk.com/BS3/assets/js/application.js"></script> -->
</body>
</html>